<template>
      <su-popup
        :show="show" round="32" showClose backgroundColor="#151515"
        type="center"
        :isMaskClick="false"
		@close="emits('close')"
      >
        <view class="tips-box">
			<view class="title">温馨提醒</view>
			<view class="content">
				<view class="content-item">
					为维护孵化市场秩序，请尽快完成支付!
				</view>
				<view class="content-item">
					如当天未支付订单<text>超过3笔</text>，系统会判断为恶意锁单，并限制您当天继续交易，以示惩戒。
				</view>
				<view class="content-item">
					次日0点自动解除限制，情节严重者平台有权对其账号永久封禁。
				</view>
			</view>
			<view class="btn" @tap="emits('close')">
				我已知晓
			</view>
        </view>
      </su-popup>
</template>

<script setup>
  import sheep from '@/sheep';
  import { computed, ref } from 'vue';
  import { onShow } from '@dcloudio/uni-app';
  import { saveAdvHistory } from '@/sheep/hooks/useModal';
  const emits = defineEmits(['change', 'addCart', 'buy', 'close']);
  const props = defineProps({
  	show: {
  		type: Boolean,
  		default: false,
  	},
  });

  function onPopup(path) {
    sheep.$router.go(path);
  }

  function onClose(index) {
    currentIndex.value = index + 1;
    popupList.value[index].isShow = false;
  }
</script>

<style lang="scss" scoped>
  .tips-box {
    width: 560rpx;
    height: 580rpx;
    background: #151515;
    border-radius: 32rpx;
	padding: 60rpx 0;
	.title{
		text-align: center;

		font-weight: 400;
		font-size: 36rpx;
		color: #FFFFFF;
	}
	.content{
		padding: 30rpx;

		font-weight: 400;
		font-size: 29rpx;
		color: #B6B6B6;
		line-height: 160%;
		text{
			color: #13C093;
		}
		.content-item{
			margin-bottom: 30rpx;
		}
	}
	.btn{
		width: 400rpx;
		height: 80rpx;
		margin: auto;
		background: linear-gradient(90deg, #45C9F0, #36F6AF);
		border-radius: 40rpx;
		text-align: center;
		line-height: 80rpx;

		font-weight: 500;
		font-size: 32rpx;
		color: #090909;
	}
  }
</style>
